import { defineComponent } from 'vue';
import Group from './Group.vue';
import GroupSpread from './GroupSpread.vue';
import WithDropdown from './WithDropdown.vue';
import Demo from './Demo.vue';

export default defineComponent({
  name: 'App',
  props: {},
  emits: [],

  setup(props, { attrs, emit, expose, slots }) {
    expose({});

    return () => {
      return (
        <div class='block'>
          <div class='block-'>
            <h5 class='title'>Demo</h5>
            <Demo />
          </div>
          <div class='block-'>
            <h5 class='title'>Group</h5>
            <Group />
          </div>
          <div class='block-'>
            <h5 class='title'>GroupSpread</h5>
            <GroupSpread />
          </div>
          <div class='block-'>
            <h5 class='title'>WithDropdown</h5>
            <WithDropdown />
          </div>
        </div>
      );
    };
  },
});
